<template>
  <el-dialog title="店铺业绩" :visible.sync="showStorePerformanceDialog" center >
    <el-carousel indicator-position="outside" :autoplay="false" height="600px">
      <el-carousel-item v-for="(item,index) in PerformanceList" :key="index">
        <!--        <div class="item">-->
        <!--          <h4>课程信息: {{item.name}}</h4>-->
        <!--          <h4>原价: {{item.origin_price}}</h4>-->
        <!--          <h4>优惠价: {{item.special_price}}</h4>-->
        <!--          <h4>团购价: {{item.group_purchase_price}}</h4>-->
        <!--          <h4>限制课程门数: {{item.limit_course}}</h4>-->
        <!--          <div>-->
        <!--            <img class="course-img" :src="item.image" alt="暂无图片">-->
        <!--          </div>-->
        <!--        </div>-->
      </el-carousel-item>
    </el-carousel>
  </el-dialog>
</template>

<script>
  export default {
    name: 'storePerformance',
    data(){
      return{
        showStorePerformanceDialog: false,
        PerformanceList: []
      }
    },

    methods:{
      showStorePerformance(PerformanceList){
        this.showStorePerformanceDialog = !this.showStorePerformanceDialog
        console.log(PerformanceList)
        this.PerformanceList = PerformanceList

      }
    }

  }
</script>

<style scoped>
  .item{
    text-align: center;
  }

</style>

